<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="../resource/css/style1.7.css">
	<title>task1.7</title>
</head>
<body>
	<div class="container">
		<div class="top">
			<div class="logo"><a href="#">新世界</a></div>
			<div class="nav">
				<ul>
					<li class="active"><a href="#">首页</a></li>
					<li><a href="#">最新活动</a></li>
					<li><a href="#">项目介绍</a></li>
					<li><a href="#">爱心社区</a></li>
					<li><a href="#">关于我们</a></li>
					<li class="login"><a href="#">登陆</a></li>
				</ul>
			</div>
		</div>
		<div class="banner">
			<div class="banner_content">
				<h1>Time of new life</h1>
				<p>新时代，年轻的人们让我们一起</p>
				<p>体验新生活，享受新生活</p>
				<a href="#">开始体验</a>
			</div>
		</div>
		<div class="imglist">
			<img src="../resource/img/task_1_7_1_03.png" alt="">
			<img src="../resource/img/task_1_7_20_03.png" alt="">
			<img src="../resource/img/task_1_7_1_07.png" alt="">
			<img src="../resource/img/task_1_7_1_09.png" alt="">
			<ul>
				<li><p>打造全新世界观，让你更爱你的生活</p></li>
				<li><p>丰富多彩的公益活动发挥新世界的主人意识</p></li>
				<li><p>时尚的新理念，超前体验未知的世界</p></li>
				<li><p>完善的培养机制，培养你全新的世界观</p></li>
			</ul>
		</div>
		<div class="content1">
			<img src="../resource/img/task_1_7_21_03.png" alt="">
			<p>关于新世界，你不知道的还有什么？</p>
		</div>
		<div class="content2">
			<p style="font-size:22px;">查找新世界活动信息</p>
			<p>每个城市有不同的活动信息，请自助查询您所需要了解的</p>
			<form action="">
				<input type="text" value="中国">
				<input type="text" value="省份">
				<input type="text" value="城市">
				<button>搜素</button>
			</form>
		</div>
		<div class="content3">
			<ul>
				<li>
					<img src="../resource/img/task_1_7_12_05.jpg" alt="">
					<p class="p1">北京活动</p>
					<p>新社区大联盟</p>
				</li>
				<li>
					<p class="p1">上海活动</p>
					<p>夜上海新景观探索</p>
					<img src="../resource/img/task_1_7_1_12.jpg" alt="">
				</li>
				<li>
					<img src="../resource/img/task_1_7_1_07.jpg" alt="">
					<p class="p1">深圳活动</p>
					<p>全新海岸线观点站</p>
				</li>
				<li>
					<img src="../resource/img/task_1_7_1_09.jpg" alt="">
					<p class="p1">香港活动</p>
					<p>奢侈消费大派送</p>
				</li>
			</ul>
		</div>	
		<div class="content4">
			<div class="content4_img">
				<p style="font-size:40px;">新世界</p>
				<p style="font-size:120px;">TIME</p>
				<p style="font-size:40px;">@新世界-北京</p>
				<p style="font-size:30px;">2016.04.01</p>
			</div>
			<div class="content4_r">
				<p class="p4_1">新世界&nbsp;/&nbsp;<span>01</span></p>
				<p class="p4_2">新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界.</p>
				<a href="#">更多详情</a>
				<ul>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</div>
		<div class="content5">
			<div class="content5_l">
				<div class="content5_1_txt">
					<p>新时代</p>
					<p>关于爱生活的我们</p>
					<a href="#">查看更多</a>
				</div>	
			</div>
			<div class="content5_m">
				<div class="content5_m_txt">
					<p>新时代</p>
					<p>关于爱生活的我们</p>
					<a href="#">查看更多</a>
				</div>	
			</div>
			<div class="content5_r"></div>
		</div>
		<div class="content6">
			<p style="font-size:22px;color:#000;">成为我们的志愿者</p>
			<p>新世界的大家庭需要每一个爱生活的人的加入，如果你够年轻，有梦想，有激情</p>
			<p>那就不要犹豫，快来加入我们，成为改变所有人生活的人</p>
		</div>
		<div class="content7">
			<div class="content7_txt">
				<div class="content7_txt_l">
					<ul>
						<li>
							<h3>新世界志愿者协议</h3>
							<p>加入新世界志愿者的人员必须遵守中华人民共和国的相关法律法规，并且本周平等自愿的原则.....</p>
							<a href="#">more</a>
						</li>
						<li>
							<h3>新世界志愿者协议</h3>
							<p>加入新世界志愿者的人员必须遵守中华人民共和国的相关法律法规，并且本周平等自愿的原则.....</p>
							<a href="#">more</a>
						</li>
						<li>
							<h3>更多条款</h3>
							<a href="#">more</a>
						</li>
					</ul>				
				</div>
				<div class="form">
					<input type="text" placeholder="姓名">
					<input type="text" placeholder="年龄">
					<input type="text" placeholder="联系方式">
					<input type="text" placeholder="联系地址">
					<textarea>请简单的描述你的梦想生活：</textarea>
					<button>提交申请</button>
				</div>
			</div>
		</div>
		<div class="content8">
			<div class="content8_txt">
				<h4>联系我们</h4>
				<p>为了更好的获取我们最新的产品资讯，你可以留下您的电子邮箱快速订阅我们的产品资讯，也可以通过以下任何方式关注我们的动态。</p>
				<form>
					<input type="text" placeholder="111111">
					<button>提交</button>
					<div class="imgList">
						<img src="../resource/img/task_1_7_1_05.png">
						<img src="../resource/img/task_1_7_20_05.png">
						<img src="../resource/img/task_1_7_19_07.png">
						<img src="../resource/img/task_1_7_18_09.png">
					</div>
				</form>
			</div>
		</div>
		<div class="footer">
			<div class="footer_l">@新世界</div>
			<div class="footer_r">back to top</div>
		</div>
	</div>
</body>
</html>